<%--     
  Author: Kusal Samarakoon
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<script src="${pageContext.request.contextPath}/lib/validation/jquery.validate.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/lib/validation/cmxforms.js" type="text/javascript"></script>
<script type="text/javascript">
    var ua = navigator.userAgent.toLowerCase();
    var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
    document.getElementById("isAndroid").value = isAndroid;
</script>
<style type="text/css">
    #menu {
        display: none;
    }

    #main-content {
        width: 960px;
        margin-left: 0;
    }

    #login-form-outer-mobile {
        width: 310px;
        margin: 30px auto;
        padding: 20px 10px 1px 10px;
        background: rgba(100, 100, 100, 0.4);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        box-shadow: 5px 5px 5px #bbb;
    }

    #user-profile, #logged-user, #user-province, #header-mobile {
        display: none;
    }
</style>

<table class="width-100">
    <tr>
        <td rowspan="2">
            <div id="header-logo">
                <img src="${pageContext.request.contextPath}/images/logo.png" alt=""/>
            </div>
        </td>
        <td>
            <div id="title">
                <s:property value="@lk.icta.common.AppConstants@APPLICATION_NAME_SI"/> </br>
                <s:property value="@lk.icta.common.AppConstants@APPLICATION_NAME_TA"/> </br>
                <s:property value="@lk.icta.common.AppConstants@APPLICATION_NAME_EN"/>
            </div>
            <%-- <h1><s:label value="%{getText('state_land_mis.label')}"/></h1>
           <h3><s:label value="%{getText('western_province.label')}"/></h3>--%>

        </td>
    </tr>
</table>
<div id="login-form-outer-mobile">
    <s:form action="/loginMobile.do" method="POST" id="loginForm">
        <table class="width-100">
            <tr>
                <td colspan="2" class="left-align">
                    <div class="action-msg"><s:actionmessage/></div>
                    <div class="action-err"><s:actionerror/></div>
                </td>
            </tr>
            <tr>
                <td class="left-align">
                        <%--<s:label value="%{getText('user_name.label')}"/>--%>
                    <s:label value="Username"/>
                </td>
                <td class="right-align"><s:textfield name="username"/></td>
            </tr>
            <tr>
                <td class="left-align">
                        <%--<s:label value="%{getText('password.label')}"/>--%>
                    <s:label value="Password"/>
                </td>
                <td class="right-align"><s:password name="password"/></td>
                <s:hidden name="isAndroid" id="isAndroid"/>
            </tr>
            <tr>
                <td></td>
                <td class="right-align">
                    <s:submit value="Login"/>
                        <%--<s:submit value="%{getText('login.label')}"/>--%>
                </td>

            </tr>
        </table>

    </s:form>
</div>